<!DOCTYPE html>
<html>
<head>
	<title>月读总结</title>
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
	<meta name="viewport" content="device-width,initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="./statics/style/summary.css">
    <link href="https://vjs.zencdn.net/7.0.3/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>
</head>
<body>
	<div class="mainContent">
		<div class="summaryVideo">
			<div class="video">
				 <video  webkit-playsinline="true" playsinline="true" id="my-video" class="video-js vjs-fluid" controls preload="auto" width="640"  height="264"
                    poster="" data-setup="{}">
	                <source src="https://www.siboxuetang.com/oss/videos/17660/ad956b845c9249f68aacac062535b851.mp4" type='video/mp4'>
	                <p class="vjs-no-js">
	                    To view this video please enable JavaScript, and consider upgrading to a web browser that
	                    <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
	                </p>
	            </video>
			</div>
			<div class="winCoins">
				<img src="./statics/img/summary/coin.png">
				<span>+20</span>
			</div>
			<div class="scores">
				<p>背诵：本部分获得分数为<span>90</span>分，获得<img src="./statics/img/summary/coinSmall.png"><span class="coinNum">+5</span><a href="" class="review">去回顾</a></p>
				<p>朗读：本部分获得分数为<span>90</span>分，获得<img src="./statics/img/summary/coinSmall.png"><span class="coinNum">+5</span><a href="" class="review">去回顾</a></p>
				<p class="answer">答题：
					1<img src="./statics/img/summary/right.png">
					2<img src="./statics/img/summary/wrong.png">
					3<span>90</span>
					4<span>90</span>，
					获得<img src="./statics/img/summary/coinSmall.png">
					<span class="coinNum">+5</span>
					<a href="" class="review">去回顾</a>
				</p>
			</div>
			<div class="tickRecord">
				<button class="tick">去打卡</button>
				<span>打卡获取大量金币奖励，还可以返还学费，快去打卡吧！</span>
				<!-- tick为打卡和分享的按钮类，ticked为已打卡的按钮类 -->
			</div>
			
		</div>
		<div class="summaryText">
			<p class="title">问题讲解</p>
			<p class="content">
				文章大意不清楚？阅读过程有疑难？阅读题目不会解？这些都不是问题！阅读经验丰富的教师不仅提供阅读理解的标准答案，还带领学员进一步分析解读文章内容，讲授实用高效的阅读方法和技巧，深入浅出，有效提升阅读水平！
			</p>
		</div>
	</div>
</body>
<script src="https://vjs.zencdn.net/7.0.3/video.js"></script>
</html>